<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ page import="modelo.*,java.util.*"%>
<%@ include file="Ccab.jsp" %>	
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Articulos Disponibles</title>
<link href="../css/style.css" rel="stylesheet" type="text/css" />
<!--  
<link href="css/estilo.css" rel="stylesheet" type="text/css" />

<link href="css/slider.css" rel="stylesheet" type="text/css" />
-->
<link rel="stylesheet" type="text/css" href="../js/view.css" media="all">
<script language="javascript" src="../js/funciones.js"> </script>
<script type="text/javascript" src="../js/view.js"></script>
<style type="text/css">
	<!--
	td { border: 1px solid #000}
	
	th { border: 1px solid #000}
	-->
</style>

</head>
<body>
<table width="100%" cellspacing="0" border="0" cellpadding="0">
	<tr>
	  <td id='celda'>
	   <div align="center">
	   <br>
					<h1>Articulos Disponibles</h1>
					<br>
					<%
						ArrayList carrito = (ArrayList) request.getSession().getAttribute("carritoCompra");
					if(carrito.size()>0){
					%>
					<div style="width: 50%" align="right" id="enlaceoperaciones">
						<a href="/ComercioGT/ControladorFrontal?command=CommandConsultarCarritoCompra">Ver Carrito(<%out.print(carrito.size());%>)</a>
					</div>
					<%} %>

					<%
						ArrayList listaArticulo = (ArrayList) request.getSession()
								.getAttribute("articulos");
						if (listaArticulo != null) {
							if (listaArticulo.size() > 0) {
								for (int i = 0; i < listaArticulo.size(); i++) {
									Articulo articulo = (Articulo) listaArticulo.get(i);
					%>

		<form method="post" action="../ControladorFrontal?command=CommandAnnadirAlCarrito&codigo=<%=articulo.getCodigo()%>">
			<table width="50%" border="0"  >
				<tr height="0px">
				<th width="180px"> </th>
				<th width="180px"> </th>
				<th width="180px"> </th>
				
			</tr>
				  
				  <tr>
				    <td rowspan="5"><img width="100%"  border="0" src="../imagenes/<%=articulo.getImagen() %>" /></td>
				    <td><b>Código:</b> <%=articulo.getCodigo()%></td>
				    <td rowspan="2"ALIGN=CENTER><b>Unidades</b></td>
				  </tr>
				  <tr> 
				    <td><b>Descripción:</b> <%=articulo.getNombre()%></td>
				  </tr>
				  <tr> 
				    <td><b>Categoria:</b> <%=articulo.getCategoria()%></td>
				    <td rowspan="2"ALIGN=CENTER>
				    
				    <select	name="unidades" >
					<%
						for (int j = 1; j <= articulo.getExistencia(); j++) {
					%>
					
					<option value="<%out.print(j);%>"> <%
 	out.print(j);
 %> </option>
					<%
						}
					%>
				    </select> 
				    
				    </td>
				  </tr>
				  <tr> 
				    <td><b>Precio:</b> <%=articulo.getPrecio()%></td>
				  </tr>
				  <tr> 
				    <td><b>Existencia:</b> <%=articulo.getExistencia()%></td>
				   <td ALIGN=CENTER> <input type="submit" name="botonAñadir" value="Añadir al carrito" onClick="return confirm('Quiere usted Añadir al carrito?');"></input></td>
				  </tr>
				</table>
				</form>
				<br>
			
	<%
					}//for
						} //if (listaArticulo.size()>0)
						else {
				%>
	       <script type="text/javascript" >
		  alert("No hay articulos disponibles!");
		</script> 
	  	<%
 	  		}
 	  		}//if (listaArticulo != null)
 	  	%>
</table>
  </div>
   <br><br><br>
 </td>
</tr>
</table>
</body>
</html>